<script type="text/javascript">

</script>
<style>
#JINGDONGNumID{ position:absolute; bottom:5px; right:5px;}
#JINGDONGNumID li{list-style:none;float:left;width:18px;height:16px;FILTER:alpha(opacity=80);opacity:0.8;border:1px solid #D00000;background-color:#FFFFFF;color:#D00000;text-align:center;cursor:pointer;margin-right:4px;padding-top:2px;overflow:hidden;}
#JINGDONGNumID li:hover,#JINGDONGNumID li.active{border:1px solid #D00000;background-color:#FF0000;color:#FFFFFF;width:22px;height:18px;font-weight:bold;font-size:13px;}
</style>

<div style="margin-left:3px;margin-bottom:5px;overflow:hidden;width:290px;height:120px;position:relative;clear:both;border:1px solid #000000;background-color:#ffffff;">
	<div id="JINGDONGBox">
		<ul id="JINGDONGContentID">
		<?php foreach ($list as $val){?>
			<li><a href="<?php echo $val['href'];?>"><img title="<?php echo $val['name'];?>" border="0" src="<?php echo COM_MEDIA_BASEURL.$val['img_url'];?>" width="290" height="120"/></a></li>
		<?php }?>
		</ul>
	</div>
	<ul id="JINGDONGNumID">
		<?php 
			$total=count($list);
			for($i=1;$i<=$total;$i++){
		?>
		<li class=""><?php echo $i;?></li>
		<?php 	
			}
			
		?>

	</ul>

</div>

<script type="text/javascript">
new Marquee(
{
	MSClassID : "JINGDONGBox",

	ContentID : "JINGDONGContentID",

	TabID	  : "JINGDONGNumID",

	Direction : 0,

	Step	  : 0.3,

	Width	  : 760,

	Height	  : 120,

	Timer	  : 20,

	DelayTime : 3000,

	WaitTime  : 0,

	ScrollStep: 120,

	SwitchType: 0,

	AutoStart : 1

})
</script>


